<script setup lang="ts">
// import { useViewRoutesStore } from "@/store/viewRoutes"

// 获取要缓存的路由name
// const viewRoutesStore = useViewRoutesStore()
// const cacheRouteNames = computed(() => viewRoutesStore.cacheRouteNames)

</script>

<template>
  <el-main class="layout-main">
    <el-scrollbar>
      <div class="layout-main-warp">
        <router-view v-slot="{ Component }">
          <transition name="breadcrumb" mode="out-in">
            <keep-alive>
              <component :is="Component"></component>
            </keep-alive>
          </transition>
        </router-view>
      </div>
    </el-scrollbar>
  </el-main>
</template>

<style scoped lang="scss">
:deep(.el-scrollbar__view) {
  /* 铺满高度 */
  height: calc(100% - 10px);
}
</style>